<link rel="stylesheet" href="/src/css/ad.css"/>
<navbar></navbar>

<div class="container">
    <div class="col-sm-9 col-sm-offset-1 col-md-10 col-md-offset-1 main" style="margin-top: 50px;width: 90%">
        <div id="carousel-example-generic" class="carousel slide" > 
            <div class="carousel-inner" >
                <img class="item animateMe lunbo-beautiful animated  bounceIn" ng-class="{active:x.id === lunbo.currentId}" ng-repeat="x in lunboImg" ng-src="{{x.img}}"/>
            </div>
            <a class="left carousel-control" href="javascript:void(0)" ng-click="previousImg()">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="javascript:void(0)" ng-click="nextImg()">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <div class="row" id="merchantId" style="margin-top:50px">
             <div ng-repeat="merchant in vm.merchants track by $index">
                <div class="col-md-3">
                    <li><img width="200px" height="200px"  class="img-circle"  ng-src="{{merchant.portait}}"/></li>
                    <li style="margin-left:50px">{{merchant.mname}}</li>
                    <li><button style="margin-left:40px" class="detail btn btn-success" ng-click="vm.findFoodListByIcnum(merchant.icnum)">进入商家</button></li>
                </div>
            </div>
<!-- 
            <div class="col-md-3 panel-tab" ng-repeat="muser in vm.merchantList track by $index">
                    <a href="#" class="thumbnail" ui-sref="food" ng-click="vm.seeFoodListOfMerchant($index)">
                        <img ng-src="{{muser.img}}" alt="" class="img-normal-size-center img-thumbnail">
                        <p><span class="label label-info">店名：{{muser.store_name}}</span></p>
                        <p><span class="label label-info">地址：{{muser.address}}</span></p>
                    </a>
                </div> -->


        <hr class="hrClass">
    </div>
</div>